
<template>
  <div>
    <el-upload
        :multiple="false"
        :auto-upload="true"
        :http-request="uploadFile"
        accept=".xls,.xlsx">
      <el-button
          size="small"
          type="primary"
      >导入Excel文件
        <i class="el-icon-upload"/>
      </el-button>
    </el-upload>

  </div>
</template>

<script>
// http://127.0.0.1:8082/import


export default {
  props:["title"]   //可以是数组，也可以是对象
  ,
  methods: {
    uploadFile(item) {
    //定义并获取文件，get(0)是将jquery对象转换为js对象，files[0]是获取这个文件。0代表第一个文件，由于只传了一个文件所以下标为0
      var formData=new FormData();
      formData.append("file",item.file);
      formData.get("file");	// 此方法可以查看FormData中插入的对象
      this.$http.post("/"+this.title+"", formData, {	// axios请求
        headers: { 'Content-Type': 'multipart/form-data' }	// 切记，一定要修改请求头。
      }).then( res => {
        console.log(res)
        // success
      })
    }



  }

};
</script>
